<template>
   <Swiper  class='swiperItem'>
     <SwiperItem v-for='item in topImages'>
       <img :src="item" alt="">
     </SwiperItem>
   </Swiper>
</template>

<script>
  import {Swiper,SwiperItem} from 'components/common/swiper/idnex.js'

  export default {
    name: 'DetailSwiper',
    components: {
      Swiper,
      SwiperItem
    },
    props: {
      topImages: {
        type: Array,
        default () {
          return []
        }
      }
    }
  }
</script>

<style scoped>
  .swiperItem{
    height: 18.75rem;
    overflow: hidden;
  }
</style>
